<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>美食派系统-商品类目列表</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" href="media/layui/css/layui.css" media="all">
    <script src="media/js/echarts.min.js"></script>
    <style type="text/css">
        /* .laytable-cell-1-heading {
            height: 60px !important;
            width: 80px !important;

        } */
        .layui-table img {
            height: 100%;
            max-width: 100%;
        }
    </style>
    <script src="media/js/jquery.min.js"></script>
</head>
<body>
<div class="layui-container">
    <table id="tbdata" lay-filter="tbop">

    </table>

</div>

<script src="media/layui/layui.js"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('table', function () {
        var table = layui.table;

        table.render({
            id: 'did',
            elem: '#tbdata',
            url: 'meishipai/product-category/list' //数据接口
            ,
            page: true //开启分页
            ,
            minWidth: 20,
            size: 'lg',
            cols: [[ //表头
                {type: 'checkbox'},
                {
                    field: 'categoryId',
                    align: 'center',
                    title: 'id',
                    sort: true,
                    //fixed : 'left'
                }, {
                    field: 'categoryName',
                    align: 'center',
                    title: '类目名字'
                }, {
                    field: 'categoryType',
                    align: 'center',
                    title: '类目编号'
                }, {
                    field: 'createTime',
                    align: 'center',
                    title: '创建'
                }, {
                    field: 'updateTime',
                    align: 'center',
                    title: '更新日期'
                }, {
                    field: 'right',
                    title: '操作',
                    align: 'center',
                    toolbar: "#barDemo",
                    fixed: 'right',
                    width: 200
                }]]
        });
        //监听工具条
        table.on('tool(tbop)', function (obj) {
            var data = obj.data;
            console.log("123" + obj.data.id)
            if (obj.event === 'update') {
                // layer.confirm('是否确认删除该员工?',
                //
                //     function (index) {
                //         $.ajax({
                //             url: "staffdelete.do",
                //             type: "POST",
                //             data: "id=" + data.id,
                //             success: function (data) {
                //                 if (data.code == 1) {
                //                     obj.del();//删除表格中的对应行数据
                //                     layer.close(index);
                //                     layer.msg("删除成功", {
                //                         icon: 6
                //                     });
                //                 } else {
                //                     layer.msg("删除失败", {
                //                         icon: 5
                //                     });
                //                 }
                //             }
                //         });
                //     });
            }
        });
    });


</script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="update">更新</a>
</script>
</body>
</html>
